<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta>
    <title>用户登录</title>
    <!--    引入index.css样式表-->
    <link href="/WebContent/HTML/css/UserLogin.css" rel="stylesheet">
    <!--    引入commen.css样式表-->
    <link href="/WebContent/CSS/commend.css" rel="stylesheet">
    <!--    引入reset.css样式表-->
    <link href="/WebContent/CSS/reset.css" rel="stylesheet">
    <!--    引入JQuery-->
    <script src="/WebContent/JQuery/jquery-3.4.1.js" rel="script"></script>
</head>
<body>
     <header class="header">
          <a href="#" title="北方民族大学论坛登录入口">
              <div class="login">

              </div>
          </a>
         <div class="welcome">
             你好，欢迎来到北方民族大学论坛登录
         </div>
     </header>

     <article class="article">
         <section class="allcont">
             <div class="listop">
                 <div class="cont">用户登录</div>
             </div>
             <form class="userlogin clear" action="/UserLogin" method="post" id="form">
                 <input type="hidden" value="mmdl" name="logintype">
                     <a href="http://www.nun.edu.cn/" target="_blank"><div class="imgs"></div></a>
                     <div class="right">
                     <div class="login-list">
                         用户登录
                     </div>
                     <div class="login-list">
                         <div class="user"></div>
                         <input class="username" type="text" name="username" placeholder="请输入用户名">
                     </div>
                     <div class="login-list">
                         <div class="mm"></div>
                         <input class="password" type="password" name="password" placeholder="请输入密码">
                     </div>
                         <div class="login-list">
                             <input name="imgcode" type="text" placeholder="验证码" class="imgcode">
                             <div class="img">
                                 <img src="/CodeServlet" width="100%" height="100%" class="code" style="cursor: pointer">
                             </div>
                         </div>
                     <div class="login-list">
                         <button type="button" id="btn">游客</button>
                         <button type="button" id="login">登录</button>
                         <a href="/WebContent/HTML/UserRegister.jsp"><button type="button">注册</button></a>
                     </div>
                     <span class="login-list-wenzi">
                         <a href="/WebContent/HTML/AdminLogin.jsp">我是管理员&gt;&gt;</a>
                     </span>
                 </div>
             </form>
         </section>
     </article>
     <script>
         $(document).ready(function () {
              $("#login").click(function () {
                   $.ajax({
                       url:"/SystemGL",
                       async:false,
                       type:"get",
                       data:{
                           "type":"logincheck"
                       },
                       dataType:"text",
                       success:function (x) {
                           if(x == "1"){
                               var uname = $.trim($(".username").val());
                               var pass = $.trim($(".password").val());
                               var code = $.trim($(".imgcode").val());
                               if(uname == ""){
                                   alert("用户名不能为空！");
                               }else if(pass == ""){
                                   alert("密码不能为空！");
                               }else if(code == ""){
                                   alert("验证码不能为空！");
                               }else{
                                   $("#form").submit();
                               }
                           }else if(x == "0"){
                               alert("系统维护中，暂停服务！")
                           }
                       },
                       error:function (error) {
                           alert("请求失败！")
                       }
                   })
              })
             //游客登录
             $("#btn").click(function () {
                 $.ajax({
                     url:"/SystemGL",
                     async:false,
                     type:"get",
                     data:{
                         "type":"logincheck"
                     },
                     dataType:"text",
                     success:function (x) {
                         if(x == "1"){
                             $.ajax({
                                 url:"/UserLogin?logintype=yklogin",
                                 type:"post",
                                 dataType:"text",
                                 success:function (data) {
                                     alert("欢迎使用！");
                                     window.location.href="../TouristFrame/Touristmain.jsp";
                                 },
                                 error:function (error) {
                                      alert("登录失败！");
                                 }
                             })
                         }else if(x == "0"){
                             alert("系统维护中，暂停服务！")
                         }
                     },
                     error:function (error) {
                         alert("请求失败！")
                     }
                 })
             })
             //验证码刷新
             $(".code").click(function () {
                 window.location.reload();
             })
         })
     </script>
     <footer class="footer">
         <div class="frid">
             友情链接
         </div>
         <ul class="list clear">
             <li><a href="http://www.nun.edu.cn/" target="_blank">学校官网</a></li>
             <li><a href="http://jwxt.nmu.edu.cn/" target="_blank">教务系统</a></li>
             <li><a href="http://hall.nmu.edu.cn/" target="_blank">智慧校园</a></li>
             <li><a href="#">民大风采</a></li>
             <li><a href="#">关于我们</a></li>
             <li><a href="http://www.nun.edu.cn/" target="_blank">学校官网</a></li>
             <li><a href="http://jwxt.nmu.edu.cn/" target="_blank">教务系统</a></li>
             <li><a href="http://hall.nmu.edu.cn/" target="_blank">智慧校园</a></li>
             <li><a href="#">民大风采</a></li>
             <li><a href="#">关于我们</a></li>

         </ul>
     </footer>
</body>
</html>